﻿<phone:PhoneApplicationPage 
    x:Class="GPA_Calculator.HelpPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="UNIVERSITY LIFE" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="Help" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            
            <ScrollViewer HorizontalAlignment="Stretch" Margin="0,0,0,0" Name="helpViewer" VerticalAlignment="Stretch" >
                <StackPanel Orientation="Vertical" HorizontalAlignment="Stretch">

                    <!-- GPA from Wikipedia -->
                    <TextBlock Text="What is GPA?" Style="{StaticResource PhoneTextExtraLargeStyle}" Foreground="{StaticResource PhoneAccentBrush}" />
                    <TextBlock Style="{StaticResource PhoneTextNormalStyle}" TextWrapping="Wrap">
                        Grades are standardized measurements of varying levels of comprehension within a subject area. 
                        Grades can be assigned in letters (for example, A, B, C, D, E, or F), as a range (for example 4.0–1.0), as a number out of 20, as descriptors (excellent, great, satisfactory, needs improvement), in percentages, or, as is common in some post-secondary institutions in some countries, as a Grade Point Average (GPA). 
                        GPA is calculated by taking the number of grade points a student earned in a given period of time divided by the total number of credits taken. 
                        The GPA can be used by potential employers or further post-secondary institutions to assess and compare applicants. 
                        A Cumulative Grade Point Average is a calculation of the average of all of a student's grades for all semesters and courses completed up to a given academic term, whereas the GPA may only refer to one term.

                        
                    </TextBlock>
                    <!-- Wikipedia Link -->
                    <Grid Margin="20,0,0,0" HorizontalAlignment="Right">
                        <HyperlinkButton Content="from Wikipedia" Height="30" HorizontalAlignment="Right" Margin="0,0,0,0" Name="wikiLink" VerticalAlignment="Top" Click="wikiLink_Click" />
                    </Grid>

                    <Grid Margin="20" />

                    <!-- How to use it -->
                    <TextBlock Text="How to Use it?" Style="{StaticResource PhoneTextExtraLargeStyle}" Foreground="{StaticResource PhoneAccentBrush}" />
                    <Image Source="Images/howto.png" Width="400" HorizontalAlignment="Left"  />
                    
                </StackPanel>
            </ScrollViewer>
        </Grid>
    </Grid>
 
    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>
